<template>
  <van-nav-bar
    title="草稿箱"
    left-arrow
    @click-left="onClickLeft"
    :border="false"
  />
  <div class="allDraft">
    <div @click="dian" class="oneDraft" v-show="isDraft" >
     <p>{{publishName}}</p>
     <p>{{publishTime}}</p>
    </div>  
  </div>
  <van-empty v-show="isDraft" description="空空如也..." />
</template>
<script setup lang="ts">
  import {ref} from 'vue'
  import { useRouter } from 'vue-router';
  const publishName =ref("你哈")
  const publishTime =ref("2022-09-30")
  const isDraft =ref(true) 
const onClickLeft = () => history.back();
function dian() {
  console.log("123");
  
}
</script>
<style scoped>
.oneDraft{
 padding-left: 20px;
  border-bottom: 1px solid gainsboro;
}
.oneDraft>p:nth-child(2) {
  color: gray;
  margin-top: 5px;
}
</style>
<style >
.van-icon-arrow-left:before {
  color: gray;
}
</style>